<!--手机端首页-->
<!DOCTYPE html >
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <meta name="format-detection" content="telphone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/global.css" type="text/css">
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/index.css" type="text/css">
    <script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script src="__TEMPLATE__/index/js/scroll.js" type="text/javascript"></script>
    <script type="text/javascript" src="__TEMPLATE__/mobile/index/js/clipboard.min.js"></script>
    <script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式-->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
</head>
<style>
    *{
        margin:0;
        padding:0;
    }
    .title{
        width: 100%;
        height:34px;
        line-height:34px;
        background-color:#d73021;
        position: fixed;
        z-index: 100;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .title_nr{
        width: 100%;
        height:34px;
        line-height:34px;
        font-size:17px;
        color:#fff;
        text-align: center;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }
    .off{
        color:#fff;
        font-size: 25px;
        top:0;
        right:10px;
        position:absolute;
        z-index: 101;
    }
    .content{
        width:100%;
        position: absolute;
    }
    .left ul .list_title{
        padding: 10px;
	    border-bottom: 1px solid #f1efef;
	    list-style: none;
	    white-space: pre-wrap;
    }
    .left ul li{/*padding:0 18px;*/width:100%;line-height:33px;}
    .left ul li span{
        display:block;
        padding-left:5px;
        color:#5a8ce8;
        float:left;
    }
    .left{overflow: auto;}
    .left ul li .list_title span{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .left ul li i{
        margin-top:8px;
        width:8px;
        height:8px;
        display:block;
        margin-left:6px;
        border-radius: 50%;
        float:left;margin-right:6px;
        background:#d73021;

    }
    .right{
        width:79%;
        height:415px;
        float:left;
        display:none;
    }
    .right-title{
        height:70px;
        line-height:70px;
        color: red;
        text-align: center;
        margin-left: 30px;
        border-bottom: 1px solid #f1efef;
    }
    .cur{
        background:#f3f1f1;
    }
    .right-content{
        margin-left: 15px;
        margin-top: 15px;
        height:329px;

    }
    .list_content{
        display:none;
        font-size: 14px;
    }
    .list_content span{
        display:block;padding:0 3%;text-indent: 24px;color:#666;width:94%;
    }
    .list_content span img{display:block;width:95%;margin:0 auto;}
</style>
<body>
<div class="content" style="overflow: auto;">
    <div class="left">
        <ul style="list-style-type:none">
            {volist name="list" id="vo" key="key"}
            <li class="list_title"><i></i><span style="width:90%;display: block;overflow: hidden;">{$vo.title}</span></li>
            <li class="list_content">
            	<p style="padding-left:10px;margin:10px 0;line-height:20px;">{$vo.title}</p>
            	<span >{$vo.ggtext}</span>
            </li>
            {/volist}
        </ul>
    </div>
</div>
</body>
<script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(".left .list_title").click(function(){
        if( 'none' == $(this).next().css('display') ){
            $(".left .list_content").css('display','none');
            $(this).next().css('display','list-item');
        }else{
            $(this).next().css('display','none');
        }
    })
</script>
</html>